<template>
  <div class="echarts-outer-wrapper">
    本年有效管户(纳税人状态为正常、非正常、清算)为
    <span class="money">{{ EchartData.bnyxhs }}</span
    >万。 <br />从课征主体登记类型看，单位纳税人
    <span class="money">{{ EchartData.dwnsr }}</span> 万，个体工商户
    <span class="money">{{ EchartData.gtgsh }}</span
    >万,临时税务登记 <span class="money">{{ EchartData.lsswdj }}</span
    >万。 <br />从纳税人状态看，正常户
    <span class="money">{{ EchartData.zchs }}</span
    >万，非正常户 <span class="money">{{ EchartData.fzchs }}</span
    >万，清算户 <span class="money">{{ EchartData.qshs }}</span
    >万。
  </div>
</template>
<script>
export default {
  data() {
    return {
      EchartData: {},
    };
  },
  created() {
    this.ajax({
      url: "/dpzsDjcxService/swdjFdwHzQuery",
      method: "post",
      data: {
        param: {
          tjnd: new Date().getFullYear(),
        },
      },
    }).then((res) => {
      res = res.data;
      if (res.rtnCode !== "200") {
        this.$message.error(res.rtnMsg);
        return;
      }
      this.EchartData = res.data;
    });
  },
};
</script>
<style lang="scss" scoped>
.echarts-outer-wrapper {
  width: 1862px;
  height: 314px;
  font-size: 26px;
  text-align: center;
  line-height: 48px;
  color: #ffffff;
  padding-top: 60px;
  .money {
    font-size: 36px;
    color: #fbe671;
  }
}
</style>